<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>疑点报表</title>

    <style>
        * {
            margin: 0;
            padding: 0;
        }

        ul {
            list-style: none;
            width: 900px;

        }

        .clearfix {
            *zoom: 1;
        }

        .clearfix:before, .clearfix:after {
            display: table;
            content: "";
        }

        .clearfix:after {
            clear: both;
        }

        .work-dob-wrap {
            width: 96%;
            background-color: #f6f6f6;
            margin: 20px auto;
            padding: 5px;
            box-sizing: border-box;
            border: 1px solid #eee;
        }

        .wrok-dob {
            margin: 0 auto;
            font-size: 14px;
            font-family: 'Microsoft Yahei'
        }

        .wrok-dob li {
            float: left;
            width: 300px;
            height: 40px;
            line-height: 40px;
            white-space: nowrap;
        }

        .wrok-dob li label {
            display: inline-block;
            vertical-align: middle;
            width: 100px;
            text-align: right;
            color: #666;
        }

        .wrok-dob li span {
            vertical-align: middle;
            color: #2CC990;
            font-weight: bold;
        }
    </style>

    <script>
        var requireExtraPaths = {
            extrance: '../../../safety_js/report/commDobChartDialog'
        };
    </script>
    <jsp:include flush="true" page="../../base/base.jsp"></jsp:include>

</head>
<body>
<div class="work-dob-wrap">
    <ul class="wrok-dob clearfix">
        <li>
            <label>车牌号：</label>
            <span id="licPltNo">-</span>
        </li>
        <li>
            <label>驾驶员：</label>
            <span id="drvName">-</span>
        </li>
        <li>
            <label>线路：</label>
            <span id="lineName">-</span>
        </li>
        <li id="stnNameLi" style="display: none;">
            <label>站点：</label>
            <span id="stnName">-</span>
        </li>
        <li id="drvSctBhvLi" style="display: none;">
            <label>发生行为：</label>
            <span id="drvSctBhvName">-</span>
        </li>
        <li id="occuTime1Li" style="position: relative;padding-bottom: 14px;display: none;">
            <label>发生时间：</label>
            <span id="occuTime1">-</span>
            <i style="position:absolute;font-size:14px;color:#999;top:23px;left:100px">(包含行为发生的前后10秒)</i>
        </li>
        <li id="occuTime2Li" style="display: none;">
            <label>发生时间：</label>
            <span id="occuTime2">-</span>
        </li>
    </ul>
</div>
<div id="container" style="padding: 10px; min-width:700px; height:600px;"></div>
</body>
</html>